<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>应用列表</title>
		<link rel="stylesheet" href="layui/css/layui.css">
		<link rel="stylesheet" href="css/finance.css">
	</head>

	<body>
		<div id="uniocn" class="layui-layout layui-layout-admin">

			<div class="finance-title" style="background: #fff;padding-bottom: 0;border-bottom: 1px solid #1AB394">
				<button class="layui-btn layui-btn-ms">应用插件库</button>
			</div>

			<div class="applyList">
				<p class="listTitle">营销工具</p>
				<ul class="list-ul clearFloat">
					<li class="list-li " v-for="item in applyList">
						<div class="list-img">
							<div class="imgBox">
								<img :src="item.img" alt="">
							</div>
						</div>
						<div class="list-com">
							<p class="list-type">{{item.type}}</p>
							<p style="margin-top: 15px;font-size: 14px;color: #666;">{{item.com}}</p>
						</div>
					</li>
				</ul>
			</div>

		</div>
	</body>
	<script src="layui/layui.js"></script>
	<script src="js/vue2.5.16.js"></script>
	<script src="js/public.js"></script>
	<script src="js/data.js"></script>
	<script>
		new Vue({
			el: "#uniocn",
			data: {
				header: data.header,
				side: data.side,
				applyList: [{
						img: "./images/vip.png",
						type: "会员卡",
						com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"
					},
					{
						img: "./images/vip.png",
						type: "会员卡",
						com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"
					},
					{
						img: "./images/vip.png",
						type: "会员卡",
						com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"
					},
					{
						img: "./images/vip.png",
						type: "会员卡",
						com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"
					},
					{
						img: "./images/vip.png",
						type: "会员卡",
						com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"
					},
					{
						img: "./images/vip.png",
						type: "会员卡",
						com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"
					},
					{
						img: "./images/vip.png",
						type: "会员卡",
						com: "一张集吃喝玩乐一体的电子虚拟卡,一卡在手,优惠我有"
					},
				]
			}
		})
	</script>

</html>